<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

  <html>
	  <head>
	  	<link rel='stylesheet' ttpe='text/css' href='style/standard.css'>
	    <title>Association of Christian Schools International</title>
		<link rel="stylesheet" type="text/css" href="style/ddsmoothmenu.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type='text/javascript' src='script/jquery-1.4.4.min.js' ></script>
		<script type="text/javascript" src="script/ddsmoothmenu.js">
		
		/***********************************************
		* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
		* This notice MUST stay intact for legal use
		* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
		***********************************************/
		
		</script>
		
		<script type="text/javascript">
		
		ddsmoothmenu.init({
			mainmenuid: "smoothmenu1", //menu DIV id
			orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
			classname: 'ddsmoothmenu', //class added to menu's outer DIV
			//customtheme: ["#1c5a80", "#18374a"],
			contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
		})
		
		ddsmoothmenu.init({
			mainmenuid: "smoothmenu2", //Menu DIV id
			orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
			classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
			//customtheme: ["#804000", "#482400"],
			contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
		})
		
	  </script>
      <script src="<?php echo GLOBAL_HOST_SCRIPT; ?>iepngfix_tilebg.js"> </script>
      <link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
	  <script type="text/javascript" src="script/jquery.nivo.slider.js"></script>
	  <script type="text/javascript">
		$(window).load(function()
		{ $('#slider').nivoSlider(); });
	  </script>
  </head>
  <body>
   <div class='outerWrapper'> <!-- Make the multiple border outside the body -->
    <div class='mainWrapper'> <!-- The main outer div for website page -->
         
     <!-- A HEADER CLASS: and the header's banner-->
      <div class='header'>
      <div class='headerUpper'>
        <img src='images/logo.png' alt='ACSI Logo' />
        <div><a href='#'>Monday, May 16, 2011</a></div>
        <div><a href='#'>Register</a></div>
        <div class='headerForm'>
			<form name='login'>
            <input type='text' value='Email' />
            <input type='text' value='Password' />
            <input type='submit' value='Login' />
          </form>
        </div>
      </div>
      
      
     <div id="wrapper">
          <div id="slider-wrapper">
            <div id="slider" class="nivoSlider">
              <img src="images/header-banner-1.png" alt="Banner1" />
              <img src="images/header-banner-2.png" alt="Banner 1" />
              <img src="images/header-banner-3.png" alt="Banner 3" />
              <img src="images/header-banner-4.png" alt="Banner 4" />
            </div>
          </div>
          </div>
      </div>
      
      
      <!-- THE MENU CLASS -->
      <div  class='ddsmoothmenu' id="smoothmenu1">
      <ul>
      <li>
        <a href="index.php">Home</a>
      </li>
      <li>
        <a href="history.php">About</a>
        <ul>
          <li><a href="history.php">History</a></li>
          <li><a href="vision.php">Vision & Mission</a></li>
        </ul>
      </li>
      <li>
        <a href="cedp.php">Programs</a>
        <ul>
          <li><a href="cedp.php">CEDP</a></li>
          <li><a href="ode.php">ODE</a></li>
          <li><a href="cec.php">CEC - M.Ed</a></li>
          <li><a href="selc.php">Student Activities</a></li>
          <li><a href="forum.php">Forum</a></li>
          <li><a href="cciht.php">Customized Consultation & In House Training</a></li>
          <li><a href="accreditation.php">Accreditation</a></li>
        </ul>
      </li>
      <li id='menuWide'><a href="news_and_contents.php">News & Contents</a></li>
      <li>
        <a href="membership.php">Join</a>
        <ul>
          <li><a href="membership.php">Membership</a></li>
          <li>
          	<a href="join_cec.php">Communities</a>
          	<ul>
			  <li><a href="join_cec.php">CEC</a></li>
			  <li><a href="join_selc.php">SELC</a></li>
			</ul>
          </li>
        </ul>
      </li>
      <li>
        <a href="exhibition.php">Publishing</a>
        <ul>
          <li><a href="exhibition.php">Exhibition</a></li>
          <li><a href="order_form.php">Order Form</a></li>
          <li><a href="download_catalog.php">Download Catalog</a></li>
        </ul>
      </li>
      <li><a href="contact_us.php">Contact Us</a></li>
    </ul>
    </div>
    
      
      <!-- THE RIBBON CLASS - the green ribbon right below the menu-->
      <div class='spacer'> <!--Clear until new line-->
      <div class='ribbon'> <!--Generate the ribbon below the menu-->
        <form>
        <input type='text' name='keyword' />
        <input type='submit' value='Search' />
      </form>
      </div>
 
<!-- THE MAIN CONTENT CLASS-->
<div class='mainContainer home'> <!-- Main div for the contain, behaves like a table-->
<div> <!-- Direct child of mainContainer, behaves like a table cell-->
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' /></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
<div>
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' /></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
<div>
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' /></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
<div class='rightPane littlePane'> <!-- Direct child of mainContainer, behaves like a table cell but have a slight larger width-->
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' style='margin-left: 10px; '/></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
</div>


<!-- THE MAIN CONTENT CLASS-->
<div class='mainContainer home'> <!-- Main div for the contain, behaves like a table-->
<div> <!-- Direct child of mainContainer, behaves like a table cell-->
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' /></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
<div>
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' /></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
<div>
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' /></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
<div class='rightPane littlePane'> <!-- Direct child of mainContainer, behaves like a table cell but have a slight larger width-->
  <span class='align_center'><h2>Shortcuts</h2></span>
  <p><img src='images/image-default-1.png' style='margin-left: 10px; '/></p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt, enim at malesuada aliquam, mauris odio iaculis dolor, tempus mollis ligula erat sed velit.</p>
</div>
</div>



<!-- THE MAIN CONTENT CLASS-->
<div class='mainContainer home'>
<div>
  <h2 class='differentAlign'>Latest <span class='differentHeading'>News & Contents</span></h2>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
  <div class='news'> <!-- Format the news view -->
	<div>
	  <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3>
	  <div class='date'>10 November 2010 23:00 PM</div>
	</div>
  </div>
</div>

<div class='rightPane'>
  <div>
  <h2>Online <span class='differentHeading'>Support</span></h2>
  <p><img src='images/image-default-yahoo.png' width='210px' /></p>
  <p><img src='images/image-default-skype.png' width='210px' /></p>
  </div>
  <div>
  <h2>Our <span class='differentHeading'>Banner</span></h2>
  <p><img src='images/image-default-banner.png' width='210px' /></p>
  <p><img src='images/image-default-banner.png' width='210px' /></p>
  <p><img src='images/image-default-banner.png' width='210px' /></p>
  </div>
</div>
</div>
      

	  <div class='spacer'>&nbsp; </div>
      <h2 class='differentAlign'>Quicklinks</h2>
      <div class='footer'>
      <div class='spacer'>&nbsp; </div>
      <div class='spacer'>&nbsp; </div>
      <div>
        <div><h3>Programs & Services</h3><hr /></div>
        <div class='footer2'><h3>About Us</h3><hr /></div>
        <div class='footer3'><h3>Bookstore</h3><hr /></div>
        <div class='footer4'><h3>Others</h3><hr /></div>
      </div>
      
      <div>
        <div>
          <ul>
            <li><a href='cedp.php'>CEDP</a></li>
            <li><a href="ode.php">ODE</a></li>
			<li><a href="cec.php">CEC - M.Ed</a></li>
			<li><a href="selc.php">Student Activities</a></li>
			<li><a href="forum.php">Forum</a></li>
          </ul>
        </div>
        <div>
          <ul>
            <li><a href="cciht.php">Customized Consultation &<br />In House Training</a></li>
          <li><a href="accreditation.php">Accreditation</a></li>
          </ul>
        </div>
        <div class='footer2'>
          <ul>
            <li><a href="history.php">History</a></li>
          	<li><a href="vision.php">Vision & Mission</a></li>
 	        <li><a href="contact_us.php">Contact Us</a></li>
          </ul>
        </div>
        <div class='footer3'>
          <ul>
          <li><a href="exhibition.php">Exhibition</a></li>
          <li><a href="order_form.php">Order Form</a></li>
          <li><a href="download_catalog.php">Download Catalog</a></li>
          </ul>
        </div>
        <div class='footer4'>
          <ul>
            <li><a href='http://facebook.com'>Like Our Facebook Page</a></li>
            <li><a href='http://www.twitter.com'>Follow Our Twitter</a></li>
            <li><a href='#'>Our Blogs</a></li>
          </ul>
        </div>
      </div><br>
      </div><br>
      <div class='spacer'>&nbsp; </div>
      <div class='spacer'>&nbsp; </div>
    </div>
    </div>
    
     <div>
     	&copy; 2011 by <b>ACSI Indonesia</b> | Terms of Use | Privacy Statement | Designed by <a href="http://www.web7site.com" target="_blank">7 Site</a>
     </div>
  </body>
</html>